<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="app">
    {{ msg }}  
    {{ "你好世界" }}
    {{ isBeauty?'美女':'你是个好姑娘' }}

    {{ fn() }}


    {{parseInt('323.11adff')}}
    {{ alert(111) }}
  </div>
  <script src="./vue.js"></script>
  <script>
    let a = 10;
    const vm = new Vue({
      el: '#app', // vm控制视图范围
      data: { // vm中存放数据地方 会直接 挂载 vm上
        msg: '你好vue',
        isBeauty: false
      },
      methods: { // 实例上方法 this访问到实例上 数据 挂载到实例上
        change () {
          this.msg = !this.msg;
        },
        fn(){
         
          return 111111111111
        }
      }
    })
   console.log(vm);
  /*  document.onclick = function(){
     vm.msg = '数据改变了'
   } */
  </script>
</body>
</html>